<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<title>场馆信息完善</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<style>
			.overlay-icon a {
				color: #000000;
			}
			
			.dez-info a {
				color: #062C33;
				background-color: #117A8B;
			}
		</style>
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link href="css/contact.css" rel='stylesheet' type='text/css' />
		<link href="css/font-awesome.css" rel="stylesheet">
		<link rel="stylesheet" href="css/team.css" type="text/css" media="all" />
		<link href="css/about.css" rel='stylesheet' type='text/css' />
		<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
		<!--地图css-->
		<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
		<!-- Page Title Here -->
		<title></title>
		<!-- Mobile Specific -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--[if lt IE 9]>
	        <script src="js/html5shiv.min.js"></script>
	        <script src="js/respond.min.js"></script>
		<![endif]-->
		<!-- Stylesheets -->
		<link rel="stylesheet" type="text/css" href="css3/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css3/fontawesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css3/owl.carousel.css">
		<link rel="stylesheet" type="text/css" href="css3/bootstrap-select.min.css">
		<link rel="stylesheet" type="text/css" href="css3/magnific-popup.css">
		<link rel="stylesheet" type="text/css" href="css3/style.css">
		<link class="skin" rel="stylesheet" type="text/css" href="css3/skin/skin-1.css">
		<link rel="stylesheet" type="text/css" href="css3/templete.css">
		<link rel="stylesheet" type="text/css" href="css3/switcher.css">
		<!-- Google fonts -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,500italic,700,700italic,900italic,900' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800italic,800,700italic' rel='stylesheet' type='text/css'>
	
		<!--地图css-->
		<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> 
		<!--用户列表css-->
		<link rel="stylesheet" type="text/css" href="css2/line-awesome.css">
		<link rel="stylesheet" type="text/css" href="css2/style.css">
		<link rel="stylesheet" type="text/css" href="css2/responsive.css">
		<!--css1-->
		<!-- Custom-Files -->
			<link rel="stylesheet" href="css1/bootstrap.css">
			<!-- Bootstrap-Core-CSS -->
			<link rel="stylesheet" href="css1/blog.css" type="text/css" media="all" />
			<!-- Blog-CSS -->
			<link rel="stylesheet" href="css1/style.css" type="text/css" media="all" />
			<!-- Style-CSS -->
			<link href="css1/font-awesome.min.css" rel="stylesheet">
  
   <script type="text/javascript">  
    $(document).ready(function(){  
        var range = 2000;             //距下边界长度/单位px  
        var elemt = 500;           //插入元素高度/单位px  
        var maxnum = 5;            //设置加载最多次数  
        var num = 1;  
        var totalheight = 0;   
        var main = $("#content");                     //主体元素  
        $(window).scroll(function(){  
            var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)  
              
            //console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop());  
            //console.log("页面的文档高度 ："+$(document).height());  
            //console.log('浏览器的高度：'+$(window).height());  
              
            totalheight = parseFloat($(window).height()) + parseFloat(srollPos);  
            if(($(document).height()-range) <= totalheight  && num != maxnum) {  
                main.append("<div style='border:1px solid tomato;margin-top:20px;color:#ac"+(num%20)+(num%20)+";height:"+elemt+"px;width:320px;' >hello world"+srollPos+"---"+num+"</div>");  
                num++;  
            }  
        });  
    });  
    </script>  
	</head>

	<body>
		<!--/top-bar-->
		<div class="top-bar_sub_w3ls_agileits">
			<div class="top-bar">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header" style="width: 120%;">

						<h1>
							<a class="navbar-brand" href="index.html">Woniu
								<span>woniu yoga platform</span>
							</a>
							</h1>
					</div>

				</nav>
			</div>
			<div class="search">
				<h5><a class="sign" href="#" data-toggle="modal" data-target="#myModal3"></a>
				</h5>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!--/top-bar-->
		<!--//inner_banner-->
		<!--/short-->
		<div class="services-breadcrumb">
			<div class="inner_breadcrumb">

				<ul class="short">
					<li>
						<a href="index.html">场馆主页</a>
						<span>|</span>
					</li>
					<li>
						<a href="#" style="color:#080808;">信息完善</a>
					</li>
				</ul>
			</div>
		</div>
		<!--//short-->
		<!--//short-->
		<!-- //inner_content -->

		<!-- Modal1 -->

		<!-- //Modal1 -->
		<!-- Modal2 -->

		<!-- //Modal2 -->

		<!--/contact-->
		<!--学员列表-->
		<div class="row">
			<div class="col-sm-3">
				<div class="suggestions full-width">
										<div class="sd-title">
											<h3>附近学员</h3>
											<i class="la la-ellipsis-v"></i>
										</div><!--sd-title end-->
										<div class="suggestions-list">
											<div class="suggestion-usd">
											<a href="#"><img src="images2/resources/s1.png" alt=""></a>
												<div class="sgt-text">
													<h4>马加爵</h4>
													<span>个性签名</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img src="images2/resources/s2.png" alt="">
												</a><div class="sgt-text">
													<h4>蔡依林</h4>
													<span>我会喷火</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img src="images2/resources/s2.png" alt="">
												</a><div class="sgt-text">
													<h4>爱因斯坦</h4>
													<span>天才不需要理由</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img src="images2/resources/s3.png" alt="">
												</a><div class="sgt-text">
													<h4>周星驰</h4>
													<span>我很搞笑</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img src="images2/resources/s4.png" alt="">
												</a><div class="sgt-text">
													<h4>比尔盖茨</h4>
													<span>C &amp; C++ 专业开发</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img src="images2/resources/s5.png" alt="">
												</a><div class="sgt-text">
													<h4>刘德华</h4>
													<span>我唱歌好听</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img src="images2/resources/s6.png" alt="">
												</a><div class="sgt-text">
													<h4>John Doe</h4>
													<span>PHP Developer</span>
												</div>
												<span><i class="la la-plus"></i></span>
											</div>
											<div class="view-more">
												<a href="#" title="">上一页</a>
												<a href="#" title="">1</a>&nbsp;
												<a href="#" title="" class="active">2</a>
												<a href="#" title="">下一页</a>
											</div>
										</div><!--suggestions-list end-->
									</div>
			</div>
			<div class="col-sm-9">
				<img src="images/maptest.png"/>
			</div>
		</div>
		<!--学员列表-->
		<!--信息完善栏-->
		<!--//contact-->
		<!--//信息预览-->
		<!--//信息预览-->
		
		<!--地图接口部分-->
		<!--<div class="content-area">
			<div class="container">
				<div class="row">
					<img src="images/product/ditutest.png"/>
				</div>
			</div>
		</div>	-->
		<!--地图接口部分-->
		<!--/footer-->
		<footer class="contact-footer">

			<div class="bottom-social">
				<div class="container">
					<div class="col-md-8 botttom-nav-w3ls-agile">
						<ul class="f_links col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">主页</a>
							</li>
							<li>
								<a href="about.html">寻找教练</a>
							</li>
							<li>
								<a href="services.html">附近学员</a>
							</li>
							<li>
								<a href="gallery.html">瑜伽展示</a>
							</li>
							<li>
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
						<ul class="f_links col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">话题</a>
							</li>
							<li>
								<a href="404.html">博客</a>
							</li>
							<li>
								<a href="404.html">特色</a>
							</li>
							<li>
								<a href="services.html">服务</a>
							</li>

						</ul>
						<ul class="f_links thrd col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">话题</a>
							</li>
							<li>
								<a href="404.html">报错</a>
							</li>
							<li>
								<a href="app.html">手机 App</a>
							</li>

						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 social-icons" data-aos="zoom-in">
						<h6>联系我们</h6>
						<a class="phone" href="#">
							<span class="fa fa-phone"></span>
						</a>
						<a class="qq" href="#">
							<span class="fa fa-qq"></span>
						</a>
						<a class="weibo" href="#">
							<span class="fa fa-weibo"></span>
						</a>
						<a class="wechat" href="#">
							<span class="fa fa-wechat"></span>
						</a>
					</div>
					<div class="clearfix"></div>

				</div>
			</div>
			<div class="copy">
				<h2 class="footer-logo">
				<a href="index.html">Woniu
					<span>woniu yoga platform</span>
				</a>
			</h2>
				<p>Copyright &copy; 2018.Company name All rights reserved.
					<a target="_blank" href="#">蜗牛学院</a>
				</p>
				<div class="clearfix"></div>
			</div>
		</footer>
		<!--/footer -->
		
		<!--/footer -->
		<!--头部社交导航栏-->
		<div class="row llheader">
			<header>

				<div class="container">
					<div class="header-data">

						<div class="logo">

						</div>
						<!--logo #cd-searchend-->
						<div class="search-bar">

						</div>
						<!--search-bar end-->

						<nav class="">

							<ul>
								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span> 主页
									</a>
								</li>
								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>主页
									</a>
								</li>
								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>查找学员
									</a>
								</li>

								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>附近场馆
									</a>
								</li>

								<li>
									<a href="profiles.html" title="">
										<span><img src="images2/icon4.png" alt=""></span> 社交
									</a>
									<ul>
										<li>
											<a href="#" data-toggle="modal" data-target="#myModal">我的关注</a>
										</li>
										<li>
											<a href="#" data-toggle="modal" data-target="#myModal2">我的粉丝</a>
										</li>
									</ul>
								</li>

								<li>
									<a href="#" title="" class="not-box-open">
										<span><img src="images2/icon6.png" alt=""></span> 信息
									</a>
									<div class="notification-box msg">
										<div class="nt-title">
											<h4>设置</h4>
											<a href="#" title="">清除所有</a>
										</div>
										<div class="nott-list">
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img1.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="messages.html" title="">Jassica William</a> </h3>
													<p>你说的是什么鬼啊，我看不懂</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img2.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="messages.html" title="">Jassica William</a></h3>
													<p>明天去吃火锅啊</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img3.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="messages.html" title="">Jassica William</a></h3>
													<p>快还钱，我没钱了。快还钱，我没钱了。快还钱，我没钱了。快还钱，我没钱了。</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="view-all-nots">
												<a href="messages.html" title="">查看所有信息</a>
											</div>
										</div>
										<!--nott-list end-->
									</div>
									<!--notification-box end-->
								</li>
								<li>
									<a href="#" title="" class="not-box-open">
										<span><img src="images2/icon7.png" alt=""></span>好友状态
									</a>
									<div class="notification-box msg">
										<div class="nt-title">
											<h4>Setting</h4>
											<a href="#" title="">清除所有</a>
										</div>
										<div class="nott-list">
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img1.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="#" title="">Jassica William</a> </h3>
													<p>今天天气真好</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img2.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="#" title="">Jassica William</a> </h3>
													<p>星巴克的咖啡真好喝</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img3.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="#" title="">Jassica William</a> </h3>
													<p>去洗了我的兰博基尼</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img2.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="#" title="">Jassica William</a></h3>
													<p>明天就要去月球了，有点激动，登机准备中</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="view-all-nots">
												<a href="#" title="">查看所有说说</a>
											</div>
										</div>
										<!--nott-list end-->
									</div>
									<!--notification-box end-->
								</li>
							</ul>
						</nav>
						<!--nav end-->
						<div class="menu-btn">
							<a href="#" title=""><i class="fa fa-bars"></i></a>
						</div>
						<!--menu-btn end-->
						<div class="user-account">
							<div class="user-info">
								<img src="images2/resources/user.png" alt="">
								<a href="#" title="">John</a>
								<i class="la la-sort-down"></i>
							</div>
							<div class="user-account-settingss">
								<h3>隐私设置</h3>
								<ul class="on-off-status">
									<li>
										<div class="fgt-sec">
											<input type="radio" name="cc" id="c5">
											<label for="c5">
											<span></span>
										</label>
											<small>公开</small>
										</div>
									</li>
									<li>
										<div class="fgt-sec">
											<input type="radio" name="cc" id="c6">
											<label for="c6">
											<span></span>
										</label>
											<small>关注可见</small>
										</div>
									</li>
									<li>
										<div class="fgt-sec">
											<input type="radio" name="cc" id="c5">
											<label for="c5">
											<span></span>
										</label>
											<small>好友可见</small>
										</div>
									</li>
								</ul>
								<h3><p>今天上了三节课，感觉身体非常好，可以上天了</p></h3>
								<div class="search_form">
									<form>
										<input type="text" name="search">
										<button type="submit">发布说说</button>
									</form>
								</div>
								<!--search_form end-->
								<h3>设置</h3>
								<ul class="us-links">
									<li>
										<a href="profile-account-setting.html" title="">信息完善</a>
									</li>
									<li>
										<a href="#" title="">隐私设置</a>
									</li>
									<li>
										<a href="#" title="">我的钱包</a>
									</li>
									<li>
										<a href="#" title="">订单详情</a>
									</li>
								</ul>
								<h3>我的钱包<p>钱包余额：￥20</p></h3>

								<h3 class="tc"><a href="#" title="">注销</a></h3>
							</div>
							<!--user-account-settingss end-->
						</div>
					</div>
					<!--header-data end-->
				</div>
			</header>

		</div>

		<!--头部社交导航栏-->
		<!-- js -->
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<!-- //js -->
		<!-- password-script -->
		<script type="text/javascript">
			window.onload = function() {}

			function validatePassword() {
				var pass2 = document.getElementById("password2").value;
				var pass1 = document.getElementById("password1").value;
				if(pass1 != pass2)
					document.getElementById("password2").setCustomValidity("Passwords Don't Match");
				else
					document.getElementById("password2").setCustomValidity('');
				//empty string means no validation error
			}
		</script>
		<!-- //password-script -->
		<!-- /js files -->
		<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<link href='css/aos-animation.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<script src='js/aos.js'></script>
		<script src="js/aosindex.js"></script>
		<!-- //js files -->
		<!--search-bar-->
		<script src="js/main.js"></script>
		<!--//search-bar-->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 900);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->
		<script type="text/javascript">
			$(document).ready(function() {
				/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#" id="toTop" style="display: block;">
			<span id="toTopHover" style="opacity: 1;"> </span>
		</a>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<!--地图JS-->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<!-- jquery.min js -->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<!-- bootstrap.min js -->
		<script type="text/javascript" src="js/bootstrap-select.min.js"></script>
		<!-- Form js -->
		<script type="text/javascript" src="js/jquery.bootstrap-touchspin.js"></script>
		<!-- Form js -->
		<script type="text/javascript" src="js/magnific-popup.js"></script>
		<!-- magnific-popup js -->
		<script type="text/javascript" src="js/waypoints-min.js"></script>
		<!-- waypoints js -->
		<script type="text/javascript" src="js/counterup.min.js"></script>
		<!-- counterup js -->
		<script type="text/javascript" src="js/imagesloaded.js"></script>
		<!-- masonry  -->
		<script type="text/javascript" src="js/masonry-3.1.4.js"></script>
		<!-- masonry  -->
		<script type="text/javascript" src="js/masonry.filter.js"></script>
		<!-- masonry  -->
		<script type="text/javascript" src="js/owl.carousel.js"></script>
		<!-- OWL  Slider  -->
		<!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA_YEzHx_YCQvqQSB_xuSC18BT81BlKVvI&sensor=false"></script>--->
		<!-- google map  -->
		<script type="text/javascript" src="js/custom.js"></script>
		<!-- custom fuctions  -->
		<script type="text/javascript" src="js/dz.carousel.js"></script>
		<!-- sortcode fuctions  -->
		<script type="text/javascript" src="js/switcher.js"></script>
		<!-- switcher fuctions  -->
		<!--地图JS-->
		<script src="js/mp.mansory.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>